extends ./layout/default_layout
block style
  link(href="/css/swiper.min.css" rel='stylesheet')
block container
  #index
    .swiperBox
      .swiper-container
        .swiper-wrapper
          .swiper-slide
            img(style="width:100%;" src="http://nzr2ybsda.qnssl.com/images/56980/FrMcOYBs2F3D7iO13qhVZDmxlR5X.png?imageMogr2/strip/thumbnail/1200x9000%3E/quality/90!/format/png")
          .swiper-slide
            img(style="width:100%" src="//nzr2ybsda.qnssl.com/images/56980/FlusWQ8fcFzzMgaVCL8pBDAfkSjQ.jpeg?imageMogr2/strip/thumbnail/720x1440>/quality/90!/interlace/1/format/jpeg")
          .swiper-slide
            img(style="width:100%" src="//nzr2ybsda.qnssl.com/images/56980/llvGEVhqD_BO31FJGdsMD2epZZCV.jpg?imageMogr2/strip/thumbnail/720x1440>/quality/90!/interlace/1/format/jpeg")
        .swiper-pagination
    .menus
      -var menus ={'众筹班':'/images/icon1.png','特色班':'/images/icon2.png','专业班':'/images/icon1.png','G-EMBA':'/images/icon2.png','DBA博士':'/images/icon1.png','EMBA硕士':'/images/icon2.png','近期活动':'/images/icon1.png'}
      each icon,menu in menus
        .menu
          a(href="/classes/zhongchou")
            .pic
              img(src= icon)
            span= menu
    .more
      img.limitTitle(src="")
      .limitcontent 限时内容轮播占位
      a.moreBTn(href="/limitSale") +更多
    .promoteBox
      .promotetitle 推荐课程
      .swiperBoxPromote-course
        .swiper-container
          .swiper-wrapper
            .swiper-slide
              .slidebox
                img(src="../images/coursepic.png")
                .couseName 浙江大学-精准高端时尚大气大气大上上浙江大学-精准高端时尚大气大气大上上……
            .swiper-slide
              .slidebox
                img(src="../images/coursepic.png")
                .couseName 浙江大学-精准高端时尚大气大气大上上浙江大学-精准高端时尚大气大气大上上……
            .swiper-slide
              .slidebox
                img(src="../images/coursepic.png")
                .couseName 浙江大学-精准高端时尚大气大气大上上浙江大学-精准高端时尚大气大气大上上……
    .promoteBox
      .promotetitle 推荐视频
      .swiperBoxPromote-video
        .swiper-container
          .swiper-wrapper
            .swiper-slide
              .contentbox
                img(style="width:100%;" src="http://nzr2ybsda.qnssl.com/images/56980/FrMcOYBs2F3D7iO13qhVZDmxlR5X.png?imageMogr2/strip/thumbnail/1200x9000%3E/quality/90!/format/png")
                .videotitle 宫崎骏动画背后的故事
                .author 南宫皇
            .swiper-slide
              .contentbox
                img(style="width:100%;" src="http://nzr2ybsda.qnssl.com/images/56980/FrMcOYBs2F3D7iO13qhVZDmxlR5X.png?imageMogr2/strip/thumbnail/1200x9000%3E/quality/90!/format/png")
                .videotitle 宫崎骏动画背后的故事好长哦长海的名字
                .author 第二个名字好长哦长海的名字
            .swiper-slide
              .contentbox
                img(style="width:100%;" src="http://nzr2ybsda.qnssl.com/images/56980/FrMcOYBs2F3D7iO13qhVZDmxlR5X.png?imageMogr2/strip/thumbnail/1200x9000%3E/quality/90!/format/png")
                .videotitle 宫崎骏
                .author 第二个名字好长哦长海的名字
            .swiper-slide
              .contentbox
                img(style="width:100%;" src="http://nzr2ybsda.qnssl.com/images/56980/FrMcOYBs2F3D7iO13qhVZDmxlR5X.png?imageMogr2/strip/thumbnail/1200x9000%3E/quality/90!/format/png")
                .videotitle 宫崎骏动画
                .author 第二个名字好长哦长海的名字
            .swiper-slide
              .contentbox
                img(style="width:100%;" src="http://nzr2ybsda.qnssl.com/images/56980/FrMcOYBs2F3D7iO13qhVZDmxlR5X.png?imageMogr2/strip/thumbnail/1200x9000%3E/quality/90!/format/png")
                .videotitle 宫崎骏动画背后的故事
                .author 第二个名字好长哦长海的名字
    .promoteBox
      .promotetitle 推荐音频
      .swiperBoxPromote-article
        .swiper-container
          .swiper-wrapper
            .swiper-slide
              .contentbox
                img(style="width:100%;" src="http://nzr2ybsda.qnssl.com/images/56980/FrMcOYBs2F3D7iO13qhVZDmxlR5X.png?imageMogr2/strip/thumbnail/1200x9000%3E/quality/90!/format/png")
                .videotitle 宫崎骏动画背后的故事
                .author 南宫皇
            .swiper-slide
              .contentbox
                img(style="width:100%;" src="http://nzr2ybsda.qnssl.com/images/56980/FrMcOYBs2F3D7iO13qhVZDmxlR5X.png?imageMogr2/strip/thumbnail/1200x9000%3E/quality/90!/format/png")
                .videotitle 宫崎骏动画背后的故事好长哦长海的名字
                .author 第二个名字好长哦长海的名字
            .swiper-slide
              .contentbox
                img(style="width:100%;" src="http://nzr2ybsda.qnssl.com/images/56980/FrMcOYBs2F3D7iO13qhVZDmxlR5X.png?imageMogr2/strip/thumbnail/1200x9000%3E/quality/90!/format/png")
                .videotitle 宫崎骏
                .author 第二个名字好长哦长海的名字
            .swiper-slide
              .contentbox
                img(style="width:100%;" src="http://nzr2ybsda.qnssl.com/images/56980/FrMcOYBs2F3D7iO13qhVZDmxlR5X.png?imageMogr2/strip/thumbnail/1200x9000%3E/quality/90!/format/png")
                .videotitle 宫崎骏动画
                .author 第二个名字好长哦长海的名字
            .swiper-slide
              .contentbox
                img(style="width:100%;" src="http://nzr2ybsda.qnssl.com/images/56980/FrMcOYBs2F3D7iO13qhVZDmxlR5X.png?imageMogr2/strip/thumbnail/1200x9000%3E/quality/90!/format/png")
                .videotitle 宫崎骏动画背后的故事
                .author 第二个名字好长哦长海的名字
    .promoteBox
      .promotetitle 推荐文章
      .swiperBoxPromote-article
        .swiper-container
          .swiper-wrapper
            .swiper-slide
              .contentbox
                img(style="width:100%;" src="http://nzr2ybsda.qnssl.com/images/56980/FrMcOYBs2F3D7iO13qhVZDmxlR5X.png?imageMogr2/strip/thumbnail/1200x9000%3E/quality/90!/format/png")
                .videotitle 宫崎骏动画背后的故事
                .author 南宫皇
            .swiper-slide
              .contentbox
                img(style="width:100%;" src="http://nzr2ybsda.qnssl.com/images/56980/FrMcOYBs2F3D7iO13qhVZDmxlR5X.png?imageMogr2/strip/thumbnail/1200x9000%3E/quality/90!/format/png")
                .videotitle 宫崎骏动画背后的故事好长哦长海的名字
                .author 第二个名字好长哦长海的名字
            .swiper-slide
              .contentbox
                img(style="width:100%;" src="http://nzr2ybsda.qnssl.com/images/56980/FrMcOYBs2F3D7iO13qhVZDmxlR5X.png?imageMogr2/strip/thumbnail/1200x9000%3E/quality/90!/format/png")
                .videotitle 宫崎骏
                .author 第二个名字好长哦长海的名字
            .swiper-slide
              .contentbox
                img(style="width:100%;" src="http://nzr2ybsda.qnssl.com/images/56980/FrMcOYBs2F3D7iO13qhVZDmxlR5X.png?imageMogr2/strip/thumbnail/1200x9000%3E/quality/90!/format/png")
                .videotitle 宫崎骏动画
                .author 第二个名字好长哦长海的名字
            .swiper-slide
              .contentbox
                img(style="width:100%;" src="http://nzr2ybsda.qnssl.com/images/56980/FrMcOYBs2F3D7iO13qhVZDmxlR5X.png?imageMogr2/strip/thumbnail/1200x9000%3E/quality/90!/format/png")
                .videotitle 宫崎骏动画背后的故事
                .author 第二个名字好长哦长海的名字
    //.videoBox
      video(controls poster="http://img3.imgtn.bdimg.com/it/u=2467243556,2865485543&fm=23&gp=0.jpg")
    //.des
      img(src="/images/light.png")
    include ./layout/homeBtn
block js
  script(src='./js/swiper.jquery.min.js')
  script.
    var swiper = new Swiper('.swiperBox .swiper-container', {
      pagination: '.swiper-pagination',
      nextButton: '.swiper-button-next',
      prevButton: '.swiper-button-prev',
      paginationClickable: true,
      spaceBetween: 0,
      centeredSlides: true,
      autoplay: 2500,
      autoplayDisableOnInteraction: false
    });
    var swiper = new Swiper('.swiperBoxPromote-course .swiper-container', {
        slidesPerView: 2.105,
        spaceBetween: 10,
        freeMode: true
    });
    var swiper = new Swiper('.swiperBoxPromote-video .swiper-container', {
        slidesPerView: 3.5,
        spaceBetween: 15,
        freeMode: true
    });
    var swiper = new Swiper('.swiperBoxPromote-audio .swiper-container', {
        slidesPerView: 3.5,
        spaceBetween: 15,
        freeMode: true
    });
    var swiper = new Swiper('.swiperBoxPromote-article .swiper-container', {
        slidesPerView: 3.5,
        spaceBetween: 15,
        freeMode: true
    });


